<template>
  <div id="app">
    <NavBar />
    <main class="main-content">
      <router-view />
    </main>
<Footer></Footer>
  </div>
</template>

<script>
import NavBar from './components/layout/NavBar.vue'
import Footer from './components/layout/Footer.vue' 
export default {
  name: 'App',
  components: {
    NavBar
  }
}
</script>

<style scoped>
.main-content {
  min-height: calc(100vh - 140px);
}
</style>